import React from "react";
import {Backdrop, CircularProgress, makeStyles } from "@material-ui/core";

const useStyles = makeStyles((theme) => ({
    backdrop: {
        zIndex: theme.zIndex.spinner,
        color: '#fff',
    },
}));

export default ({open}) => {
    const classes = useStyles();

    return <Backdrop className={classes.backdrop} open={open}>
        <CircularProgress color="inherit" />
    </Backdrop>;

};